@charset "UTF-8";
@import "./common.scss";
@import "./header.scss";
.banner{width:100%; position:relative; height: 600px;
    .banner-list{ position: absolute;width: 1920px; left: 50%; margin-left: -960px; height: 600px; top: 0; z-index: 1; overflow: hidden;
        li{ position: absolute; left: 0;top: 0; width: 100%; display: none;
            a{ display: block;}
            img{ width:100%; display:block;}
        }
    }
    .jiantou{ width: 100%; position: absolute; height: 130px; left: 0; top: 50%; margin-top: -65px; z-index: 3; display: none;
        a{width:65px; height:130px; position: absolute;}
        .prve{background:url(../img/jiantou_icon.png) 0 0; left:0;}
        .next{background:url(../img/jiantou_icon.png) 0 1-130px; right:0;}
    }
    .slide-btn{ text-align: center; width: 100%;  height: 13px; bottom: 30px; position: absolute; left: 0; z-index: 2;
        a{ width: 13px; height: 13px; display: inline-block; margin: 0 5px; background: url(../img/ban_slide_btn.png) no-repeat left bottom;}
        a.cur{ background-position: left top;}
    }
    .search-bar{width:520px; background: url(../img/searchbg.png) repeat; padding: 10px; border-radius: 10px; position:absolute; bottom:60px; left:50%; margin-left:-260px; z-index: 5;
        .input-txt{width:426px; border: none; height:42px; line-height:42px; background:$white; padding:0 20px; font-size:16px;}
        .searchBtn{width:54px; height:42px; float:right; background:#6c5c4a; cursor: pointer;
            span{width:20px; height:19px; margin:10px 0 0 17px; display:block;}
        }
    }
}
#autoTip{ position: absolute; width: 466px; left: 10px; top: 42px; background:$white;
    span{cursor: pointer; line-height: 24px; padding-left: 10px; height: 24px; padding: 3px 20px; font-size: 14px;  display: block;}
    span:hover{ background: #eaeaea}
}
.hd-section{ padding:10px 0; background: $white;
    .hd-img{@include widthAuto; text-align: center;}
    .hd-items{ width: 100%; padding: 32px 0; background: #ad9440;
        .items{@include widthAuto;
            li{ width: 30%; float: left; font-size: 24px; color: $white; padding-left: 3%;
                strong{ font-size: 48px; margin-right: 10px;}
            }
        }
    }
}
.inc_section_product{@include widthAuto;
    .tit-bar{text-align:center; position: relative;
        h2{height:50px;  background: url(../img/inc_tit_bg.png) no-repeat right bottom; margin:32px 0 14px; font-size: 30px;
            a{ font-size: 14px; color: #9c906e; position: absolute; bottom: 0; right: 0;}
        }
    }
    .items{margin-right:-10px;
        li{ width:370px; float: left; margin-right:10px;
            a{ position:relative;  height:368px; display:block;
                .layer{ width:350px; height:65px; padding:10px; position:absolute; bottom:0; left:0;background: url(../img/layer_bg.png); 
                    .title{ color:#d3cab6; font-size:18px; line-height:20px; height: 40px;
                        span{ float:right;
                            .star{ width:20px; height:20px; margin-right:2px; background:url(../img/star.png) no-repeat; float: left;}
                        }
                    }
                    .price{ text-align:right; font-size:24px; color:$white;}
                }
            }
            a:hover{
                .layer{ display:block;}
            }
            img{ width:370px; height:370px;}
        }
    }
    .more{ margin-top:1px; background:$cjs; text-align:right; line-height:50px; padding-right:25px; display: none;
        a{ color:$white; font-size:18px;}
    }
}

@import "./footer.scss";
@import "./login.scss";